<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/layout.css" rel="stylesheet" type="text/css">
<link href="css/typo.css" rel="stylesheet" type="text/css">
<style> 
@font-face
{
font-family: myFirstFont;
src: url(Museo100.woff);
}
@font-face
{
font-family: mySecFont;
src: url(Museo700.woff);
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){
    $('.youtube').click(function(){
        video = '<iframe width="100%" height="220px" src="'+ $(this).attr('data-video') +'" frameborder="0" allowfullscreen></iframe>';
        $(this).replaceWith(video);
    });
});//]]>  

</script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="css/respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="film-project" class="back-link">
    <br><br>
    <a href="index.htm">« The Film Project
  </a></div>
  <div id="LayoutDiv12" class="titlu-articol">BROTHERLY LOVE</div>
  <div id="LayoutDiv13" class="author">Ryan MacKenzie & Jay Rau</div>
  <div id="LayoutDiv14" class="video"><a href="#"><img class="youtube" src="images/brotherly-vidpic.png" data-video="http://www.youtube.com/embed/B6PujrR1qMM?autoplay=1"></a></div>
  <div id="LayoutDiv1" class="about">About the Filmmakers</div>
  <div id="LayoutDiv2"><img src="images/brotherly-author-pic.png" alt="Ryan MacKenzie & Jay Rau" width="130"></div>
  <div id="LayoutDiv3" class="article-body">“Brotherly Love” was produced by Mr. Productions, a southern California based production company owned and operated by filmmakers Jay Rau and Ryan MacKenzie. It was shot on location in Jackson Hole, Wyoming, returning from which, the filmmakers were stranded on interstate 15, in the snow, at 2 am, but luckily were able to return home in time to edit and submit their video dedicated to our four legged friends.</div>
  <div id="LayoutDiv4" class="divider"></div>
  <div id="LayoutDiv5" class="quiz-head">How Do You Feel?</div>
  <div id="LayoutDiv6" class="quiz-body">
    <p><a href="#"><img src="images/inspired.png" alt="Inspired"></a></p>
  <p>Inspired</p></div>
  <div id="LayoutDiv7" class="quiz-body">
  <p><a href="#"><img src="images/touched.png" alt="Touched"></a></p>
  <p>Touched</p>
  </div>
  <div id="LayoutDiv8" class="quiz-body">
  <p><a href="#"><img src="images/happy.png" alt="Happy"></a></p>
  <p>Happy</p>
  </div>
  <div id="LayoutDiv9" class="divider"></div>
  <div id="LayoutDiv10" class="quiz-head">Share Video</div>
  <div id="LayoutDiv11"><a href="www.facebook.com"><img src="images/facebook.png" alt="Facebook" class="social" height="45" width="45"></a><a href="www.twitter.com"><img src="images/twitter.png" alt="Twitter" class="social" height="45" width="45"></a><a href="www.pinterest.com"><img src="images/pinterest.png" alt="Pinterest" class="social" height="45" width="45"></a><a href="www.plus.google.com"><img src="images/plus.png" alt="Google Plus" class="social" height="45" width="45"></a></div>
</div>
</body>
</html>
